<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link href="http://minder.minibird.jp/life/my.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
   $(function() {
	     $(".パスワード変更チェックボックス").click(function(){
	    	 if($(".パスワード変更チェックボックス").prop('checked')) {
	    	 	$(".ログインボタン").css("display", "none");
	    	 	$(".パスワード変更インターフェイス").css("display", "block");
	    	 } else {
	    		 $(".ログインボタン").css("display", "inline");
	    		 $(".パスワード変更インターフェイス").css("display", "none");
	    	 }
	     });
	     $(".ログインボタン").click(function(){
		     // 入力必須チェック
		     uname = $(".チーム名インプット").val();
		     if ($(".チーム名インプット").val() == '') {
				alert('チーム名を入力してください');
				return;
		     }
		     passwd = $(".パスワードインプット").val();
		     if ($(".パスワードインプット").val() == ''){
				alert('パスワードを入力してください');
				return;
		     }
		     // アクションを再定義してサブミット
	    	 $('.フォーム').attr('action', '<?php echo StaffController::URL_AUTH;?>');
	    	 $('.フォーム').submit();
	     });
	     $(".パスワード変更ボタン").click(function(){
			newPassword = $(".新パスワードテキストボックス").val();
			newPasswordR = $(".新パスワードテキストボックス（再入力）").val();
			if (newPassword == '') {
				alert('新パスワードを入力してください');
				return;
			}
			if (newPassword != newPasswordR) {
				alert('新パスワード（再入力）が一致していません');
				return;
			}
			$('.フォーム').attr('action', '<?php echo StaffController::URL_CHANGEPASSWORD;?>');
			$('.フォーム').submit();
	     });
   });
</script>
<style type="text/css">
.メインコンテンツ{
	width: 100%;
}
.認証入力インターフェイス{
	width: 50%;
	margin: 0 auto;
}
.パスワード変更インターフェイス{
	width: 50%;
	margin: 0 auto;
	display: none;
}
.パスワードを忘れた{
	width: 50%;
	margin: 0 auto;
}
</style>
<title>スタッフログイン</title>
</head>
<body>
	<div class="メインコンテンツ">
	<form name="staff_login" class="フォーム" action="">
		<input type="hidden"
			name="<?php echo StaffController::NAME_UID?>"
			value="<?php echo $this->uid;?>"
		/>
		<div class="認証入力インターフェイス">
			<table>
				<tr>
					<td>チーム名</td>
					<td>
						<input type="text" class="チーム名インプット"
							value="<?php echo $this->teamName;?>"
							name="<?php echo Models_StaffController::KEY_NAME;?>" />
					</td>
				</tr>
				<tr>
					<td>パスワード</td>
					<td>
						<input type="password" class='パスワードインプット'
							name="<?php echo Models_StaffController::KEY_PASSWORD?>" />
					</td>
				</tr>
				<?php if ($this->errMessage != '') {?>
					<tr>
						<td>
								<div class="small" style="color:#FF0000">
								<?php echo $this->errMessage;?>
								</div>
						</td>
					</tr>
				<?php }?>
			</table>
			<table>
				<tr>
					<td width="70px">
						<input type="button" value="ログイン" class="ログインボタン"
							name="<?php echo StaffController::NAME_BUTTON_LOGIN;?>"
						/>
					</td>
					<td>
						<input type="checkbox" value="1" class="パスワード変更チェックボックス"
							name="<?php echo StaffController::NAME_CHECKBOX_PASSWORD_CHANGE?>"
						/>パスワード変更
					</td>
				</tr>
			</table>
		</div>
		<div class="パスワードを忘れた">
			パスワードを忘れてしまったときは、<a href="/forgotpassword/inputmailaddress?<?php echo Names::REFERER;?>=<?php echo $this->selfUrl;?>">ここをクリック。</a>
		</div>
		<div class="パスワード変更インターフェイス">
			<table>
				<tr>
					<td>	新パスワード</td>
					<td>
						<input type="password" class="新パスワードテキストボックス"
							name="<?php echo StaffController::NAME_TEXT_BOX_NEWPASSWORD;?>" />
					</td>
				</tr>
				<tr>
					<td>	新パスワード（再入力）</td>
					<td>
						<input type="password" class="新パスワードテキストボックス（再入力）"
							name="<?php echo StaffController::NAME_TEXT_BOX_NEWPASSWORD_REWRITE?>" />
					</td>
				</tr>
				<tr>
					<td></td><td><input type="button" value="パスワード変更" class="パスワード変更ボタン" /></td>
				</tr>
			</table>
		</div>
	</form>
	</div>
</body>
</html>